@import "src/css/mixin";

#CitySelector {
  background-color: #FFF;
  height: 100%;
  overflow: auto;
  position: relative;

  .container{
    padding: 0 .2rem .2rem;
  }
  h1 {
    height: 0.25rem;
    font-size: 0.25rem;
    color: $black;
    letter-spacing: 0px;
    margin-top: .15rem;
    margin-bottom: 0.08rem;
  }
  .words {
    display: block;
    font-size: .12rem;
    color: $black;
    letter-spacing: 0;
    line-height: .12rem;
    padding-top: 0.25rem;
  }
  //单位
  .unit {
    position: absolute;
    font-size: .14rem;
    color: $black;
    letter-spacing: 0;
    right: .32rem;
    top: .51rem;
    color: $gray;
  }
  .icon-location-pcs {
    color: $blue;
    margin-right: .06rem;
  }
  .city-hots{
    padding-right:0.33rem;
  }
  [class^="line-"] {
    display: flex;
    justify-content: space-between; //对齐方式，两端对齐
    flex-wrap: wrap;
  }
  .city-button {
    height: 0.34rem;
    width: 0.84rem;
    font-size: 0.14rem;
    line-height: 1;
    padding: 0.09rem 0;
    text-align: center;
    border-radius: 2px;
    border: 1px solid $linecolor;
    margin-top: 0.15rem;
  }
  .city-part{
    margin-top:0.25rem;
  }
  .city-list{
    font-size:0.15rem;
    height:0.15rem;
    color:$blue;
  }
  .city-item{
    font-size: 0.14rem;
    height:0.51rem;
    padding: 0.18rem 0;
    border-bottom: 1px solid $linecolor;
    color: #000000;
    line-height:1;
  }
  //侧边栏
  .nav-bar{
    display: flex;
    flex-direction: column;//竖向排列
    position: fixed;
    right:0.06rem;
    bottom:0.43rem;
    a{
      // width:22px;
      font-size:0.11rem;
      color:$lightgray;
      line-height:0.19rem;
      text-align: center;
    }
  }
}